<template>
  <div class="operation-container">
    <!-- modal -->
    <a-modal
      wrap-class-name="modal-wrap-container"
      :title="addGroupModel.title"
      :visible="addGroupModel.visible"
      v-bind="modalProps"
      :confirm-loading="addGroupModel.confirmLoading"
      width="32%"
      @ok="modalSubmit(addGroupModel)"
      @cancel="modalCancel(addGroupModel)"
    >
      <AddGroup :ref="addGroupModel.ref" />
    </a-modal>

    <a-button type="primary" icon="plus" @click="addGroupModel.visible = true">
      新建
    </a-button>
    <!-- <a-button>
      批量删除
    </a-button> -->
  </div>
</template>

<script>
import modal from './modal'
import AddGroup from './modal/AddGroup'

export default {
  mixins: [modal],

  components: {
    AddGroup,
  },
}
</script>

<style lang="scss" scoped>
.operation-container {
  button {
    margin: 0 $margin-base;
  }
}
</style>
